<template>
    <div class="flex justify-between items-center h-48px ml-16px mr-16px box-title">
        <div class="flex items-center">
            <svg-icon size="18px" :icon-class="icon" class="mr-8px prefix"></svg-icon>
            <h2 class="flex items-center">
                {{ title }}
                <slot name="title"></slot>
            </h2>
        </div>
        <div class="text-12px text-#999">
            <slot name="time"></slot>
        </div>
    </div>
</template>

<script setup lang="ts">
defineProps({
    icon:{
        type:String
    },
    title:{
        type:String
    }
})

</script>

<style scoped>

</style>